
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="../css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/youyi.css" />
    <title>环保商城</title> 
    <style>
			.mui-bar~.mui-content .mui-fullscreen {
				top: 44px;
				height: auto;
			}
			.mui-pull-top-tips {
				position: absolute;
				top: -20px;
				left: 50%;
				margin-left: -25px;
				width: 40px;
				height: 40px;
				border-radius: 100%;
				z-index: 1;
			}
			.mui-bar~.mui-pull-top-tips {
				top: 24px;
			}
			.mui-pull-top-wrapper {
				width: 42px;
				height: 42px;
				display: block;
				text-align: center;
				background-color: #efeff4;
				border: 1px solid #ddd;
				border-radius: 25px;
				background-clip: padding-box;
				box-shadow: 0 4px 10px #bbb;
				overflow: hidden;
			}
			.mui-pull-top-tips.mui-transitioning {
				-webkit-transition-duration: 200ms;
				transition-duration: 200ms;
			}
			.mui-pull-top-tips .mui-pull-loading {
				/*-webkit-backface-visibility: hidden;
				-webkit-transition-duration: 400ms;
				transition-duration: 400ms;*/
				
				margin: 0;
			}
			.mui-pull-top-wrapper .mui-icon,
			.mui-pull-top-wrapper .mui-spinner {
				margin-top: 7px;
			}
			.mui-pull-bottom-tips {
				text-align: center;
				/*background-color: #efeff4;*/
				font-size: 15px;
				line-height: 40px;
				color: #777;
			}
			.mui-pull-top-canvas {
				overflow: hidden;
				/*background-color: #fafafa;*/
				border-radius: 40px;
				box-shadow: 0 4px 10px #bbb;
				width: 40px;
				height: 40px;
				margin: 0 auto;
			}
			.mui-pull-top-canvas canvas {
				width: 40px;
			}
			.mui-fullscreen .mui-segmented-control~.mui-slider-group{bottom: 51px;}
			.mui-bar~.mui-pull-top-tips{top: 216px;}
		</style>
</head>
<body class="online_consulting">
	<header class="mui-bar mui-bar-nav top_nav">
		<a class="mui-pull-left mui-ellipsis location_btn" href="../select_city.html">佛山市</a>
		<div class="mui-input-row mui-search mui-title cslt_search">
			<input type="search" class="mui-input-clear" placeholder="请输入关键字">
		</div>
		<a class="mui-icon mui-icon-bars mui-pull-right action_menu"></a>
		<!--<h1 id="title" class="mui-title">环保商城</h1>-->
	</header>
	<div class="mui-content">
		<div id="sliderBanner" class="mui-slider" >
			<div class="mui-slider-group mui-slider-loop">
				<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="javascript:;">
						<img src="../images/onlineConsulting/banner2@2x.png">
					</a>
				</div>
				<!-- 第一张 -->
				<div class="mui-slider-item mui-active	">
					<a href="javascript:;">
						<img src="../images/onlineConsulting/banner@2x.png">
					</a>
				</div>
				<!-- 第二张 -->
				<div class="mui-slider-item">
					<a href="javascript:;">
						<img src="../images/onlineConsulting/banner@2x.png">
					</a>
				</div>
				<!-- 第三张 -->
				<div class="mui-slider-item">
					<a href="javascript:;">
						<img src="../images/onlineConsulting/banner1@2x.png">
					</a>
				</div>
				<!-- 第四张 -->
				<div class="mui-slider-item">
					<a href="javascript:;">
						<img src="../images/onlineConsulting/banner2@2x.png">
					</a>
				</div>
				<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="javascript:;">
						<img src="../images/onlineConsulting/banner@2x.png">
					</a>
				</div>
			</div>
			<div class="mui-slider-indicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
			</div>
		</div>
		<div id="sliderNav" class="mui-slider mui-fullscreen sliderNav">
			<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control mui-segmented-control-inverted online_con_nav">
				<a class="mui-control-item mui-active" href="#item1mobile">
					环保设备
				</a>
				<a class="mui-control-item" href="#item2mobile">
					原料
				</a>
				<a class="mui-control-item" href="#item3mobile">
					环保服务
				</a>
			</div>
			<div id="list_switch" class="jd">
				<a href="javascript:;" class="list_switch_btn">&nbsp;</a>				
			</div>
			<div class="mui-slider-group slider_group">
				<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
					<div id="scroll1" class="mui-scroll-wrapper">
						<div class="mui-scroll">
							 <ul class="mui-table-view mui-table-view-chevron"> 
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">2上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">3上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">4上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">5上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">6上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">7上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">8上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">9上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">10上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">11上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">12上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">132上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							  </ul>
						</div>
					</div>
				</div>
				<div id="item2mobile" class="mui-slider-item mui-control-content">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<ul class="mui-table-view mui-table-view-chevron"> 
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">2上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">3上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">4上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">5上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">6上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">7上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">8上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">9上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">10上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">11上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">12上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">132上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							  </ul>
						</div>
					</div>
				</div>
				<div id="item3mobile" class="mui-slider-item mui-control-content">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<ul class="mui-table-view mui-table-view-chevron"> 
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">1上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="../product_details.html" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">3上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">4上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">5上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">6上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">7上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">8上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">9上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">10上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">11上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">12上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							   <li class="mui-table-view-cell mui-media">
							   	<a href="javascript:;" id="0">
							   		<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png" />
								     <div class="mui-media-body">
								      <div class="media_body_left">
								       <h1 class="media_body_h">132上拉注塑机伺服改造</h1>
								       <p class="media_price mui-ellipsis">价格： 面议</p>
								       <p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>
								       <p class="good_ema mui-ellipsis">2214条评价 好评率85%</p>
								      </div>
								      <div class="media_body_right">
								       <span class="hotst">最热</span>
								      </div>
								     </div>
							   	</a>
							   </li>
							  </ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<nav class="mui-bar mui-bar-tab bottom_nav">
		<a id="defaultTab" class="mui-tab-item" href="../index_list.html">
			<span class="mui-icon iconfont icon-shouye"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item" href="online_consulting.html">
			<span class="mui-icon iconfont icon-iconfont"><!--<span class="mui-badge">9</span>--></span>
			<span class="mui-tab-label">环保商城</span>
		</a>
		<a class="mui-tab-item" href="../environmentalMap/environmental_map.html">
			<span class="mui-icon iconfont icon-ditu"></span>
			<span class="mui-tab-label">环保地图</span>
		</a>
		<a class="mui-tab-item mui-active" href="../enterpriseLibrary/enterprise_library.html">
			<span class="mui-icon iconfont icon-guanjiaowangtubiao02"></span>
			<span class="mui-tab-label">企业库</span>
		</a>
		<a class="mui-tab-item" href="../my/my.html">
			<span class="mui-icon iconfont icon-wode"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</nav>
	<div class="side_nav_box">
		<div class="side_menu">
		<header class="mui-bar mui-bar-nav top_nav">
			<a class="mui-icon mui-icon-closeempty mui-pull-right close_btn" id="close-btn"></a>
			<h1 id="title" class="mui-title">筛选</h1>
		</header>
		<div class="mui-content">				
				<ul class="mui-table-view mui-table-view-chevron">
					<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="##">原料分类</a>
						<!--<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell"><a class="" href="##">iOS</a>
							</li>
							<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-left" href="##">Android</a>								
								<ul class="mui-table-view mui-table-view-chevron">
									<li class="mui-table-view-cell"><a class="" href="##">第三级一</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级二</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级三</a>
									</li>
								</ul>
							</li>
							<li class="mui-table-view-cell"><a class="mui-navigate-left" href="##">HTML5</a>
							</li>
						</ul>-->
					</li>
					<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="##">设备分类</a>
						<!--<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell"><a class="mui-navigate-left" href="##">PC方案</a>
							</li>
							<li class="mui-table-view-cell"><a class="" href="##">手机方案</a>
							</li>
							<li class="mui-table-view-cell"><a class="" href="##">TV方案</a>
							</li>
						</ul>-->
					</li>
					<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="##">服务分类</a>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell"><a class="" href="##">不限制</a>
							<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-left" href="##">环境评估与认证</a>								
								<ul class="mui-table-view mui-table-view-chevron">
									<li class="mui-table-view-cell"><a class="" href="##">第三级一</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级二</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级三</a>
									</li>
								</ul>
							</li>
							<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-left" href="##">环境工程与运营</a>								
								<ul class="mui-table-view mui-table-view-chevron">
									<li class="mui-table-view-cell"><a class="" href="##">第三级一</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级二</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级三</a>
									</li>
								</ul>
							</li>
							<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-left" href="##">环境监测</a>								
								<ul class="mui-table-view mui-table-view-chevron">
									<li class="mui-table-view-cell"><a class="" href="##">第三级一</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级二</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级三</a>
									</li>
								</ul>
							</li>
							<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-left" href="##">废物处理处置</a>								
								<ul class="mui-table-view mui-table-view-chevron">
									<li class="mui-table-view-cell">
										<div class="mui-input-row mui-radio mui-left">
											<label>一般固体废弃物</label>
											<input name="radio1" type="radio">
										</div>									</li>
									<li class="mui-table-view-cell">
										<div class="mui-input-row mui-radio mui-left">
											<label>危险固体废弃物</label>
											<input name="radio1" type="radio" checked>
										</div>
									</li>
									<li class="mui-table-view-cell">
										<div class="mui-input-row mui-radio mui-left">
											<label>严控废物</label>
											<input name="radio1" type="radio">
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
		</div>
	</div>
	</div>	
	<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8">		
	</script><script src="../js/mui.pullToRefresh.js"></script>
		<script src="../js/mui.pullToRefresh.material.js"></script>
	<script type="text/javascript" charset="utf-8">	
	//mui初始化 
	mui.init({
		statusBarBackground: '#5ec520',
		swipeBack: false
	});
	var jq=$.noConflict();
	(function($) {
				//阻尼系数
				var deceleration = mui.os.ios?0.003:0.0009;
				$('.mui-scroll-wrapper').scroll({
					bounce: false,
					indicators: true, //是否显示滚动条
					deceleration:deceleration
				});
				$.ready(function() {
					//循环初始化所有下拉刷新，上拉加载。
					$.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
						$(pullRefreshEl).pullToRefresh({
							down: {
								callback: function() {
									var self = this;
									setTimeout(function() {
										var ul = self.element.querySelector('.mui-table-view');
										ul.insertBefore(createFragment(ul, index, 2, true), ul.firstChild);
										clickTabView(index);
										self.endPullDownToRefresh();
									}, 1000);
								}
							},
							up: {
								callback: function() {
									var self = this;
									setTimeout(function() {
										var ul = self.element.querySelector('.mui-table-view');
										ul.appendChild(createFragment(ul, index, 3));
										clickTabView(index);//刷新完后切换视图
										self.endPullUpToRefresh();
									}, 1000);
								}
							}
						});
					});
					var createFragment = function(ul, index, count, reverse) {
						var length = ul.querySelectorAll('li').length;
						var fragment = document.createDocumentFragment();
						var li;
						for (var i = 0; i < count; i++) {
							li = document.createElement('li');
							li.className = 'mui-table-view-cell mui-media';
						var liHTML ='<a href="javascript:;" id='+i+'>';
							liHTML +='<img class="mui-media-object mui-pull-left" src="../images/environmenMap/list_left_img.png">';
							liHTML +='<div class="mui-media-body">';
							liHTML +='<div class="media_body_left">';
							liHTML +='<h1 class="media_body_h">第' + (index + 1) + '-' + (length + (reverse ? (count - i) : (i + 1)));+'下拉注塑机伺服改造</h1>';
							liHTML +='<p class="media_price mui-ellipsis">价格： 面议</p>';
							liHTML +='<p class="media_cpn_name mui-ellipsis">广州捷霖空气净化有限公司</p>';
							liHTML +='<p class="good_ema mui-ellipsis">2214条评价  好评率85%</p>';
							liHTML +='</div>';
							liHTML +='<div class="media_body_right"><span class="nearly_new">最新</span></div>';
							liHTML +='</div>';
							liHTML +='</a>';
							li.innerHTML = liHTML;
							fragment.appendChild(li);							
						}
						return fragment;
					};
				});
				
				//列表视图切换
				$("#sliderSegmentedControl").on("tap","a",function(){
					var index=jq(this).index();
					setTimeout(function(){
						clickTabView(index);
					},300);
				});
				
				function clickTabView(index){
					var bl=jq(".slider_group .mui-slider-item").eq(index).find("ul").hasClass("mui-grid-view");
						if(bl){
							jq("#list_switch").removeClass("active").addClass("active");
							addCl(index);
						}else{
							jq("#list_switch").removeClass("active");
							removeCl(index);
						};
				};
				
				document.getElementById("list_switch").addEventListener("tap",function(){
					var index=jq(".mui-control-item.mui-active").index();
						listVtab.call(this,index);
				});
				
				function listVtab(index){
						jq(this).toggleClass("active");
						if(jq(this).hasClass("active")){
							addCl(index);
						}else{
							removeCl(index);
						};
				};
				
				function addCl(index){
					jq(".slider_group .mui-slider-item").eq(index).find(".mui-table-view").removeClass("mui-grid-view").addClass("mui-grid-view").addClass("commodity_list");
					jq(".slider_group .mui-slider-item").eq(index).find(".mui-table-view-cell.mui-media").removeClass("mui-col-xs-6").addClass("mui-col-xs-6");
				};
				function removeCl(index){
					jq(".slider_group .mui-slider-item").eq(index).find(".mui-table-view").removeClass("mui-grid-view").removeClass("commodity_list");
					jq(".slider_group .mui-slider-item").eq(index).find(".mui-table-view-cell.mui-media").removeClass("mui-col-xs-6");
				};
				
				document.querySelector(".close_btn").addEventListener("tap",function(){
					jq(".side_nav_box").animate({
						"left":'100%',
					},80);
				});
				
				document.querySelector(".action_menu").addEventListener("tap",function(){
					jq(".side_nav_box").animate({
						"left":'0',
					},80);
				});	
				mui(".slider_group").on("tap","a",function(){
					mui.openWindow("../product_details.html");
				});				
			})(mui);		
	</script>
</body>
</ html>